const {defineConfig} = require('@vue/cli-service')
module.exports = defineConfig({
  lintOnSave: false,
  publicPath: '/',
  chainWebpack: (config) => {
    config.plugin('define').tap((definitions) => {
      Object.assign(definitions[0], {
        __VUE_OPTIONS_API__: 'true',
        __VUE_PROD_DEVTOOLS__: 'false',
        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false'
      })
      return definitions
    })
  },
  transpileDependencies: true,
  devServer: {
    historyApiFallback: true, // 解决刷新浏览器报Cannot GET问题
    webSocketServer: false,
    port: 8081, // 端口号
    open: false, // 配置自动启动浏览器
    proxy: { //用代理的方式实现跨域访问
      '/api': {
        target: 'http://127.0.0.1:8080', //设置你调用的接口域名和端口号
        changeOrigin: true, //true表示允许跨域
        pathRewrite: { //路径重写
          '^/api': ''
        }
      }
    }
  }
})
